<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <title>Consulta de proyectos</title>
    </head>
    <script type="text/javascript">
        $(document).ready(function(){
            //Grilla de topografías
            jQuery("#tbGrillaTopo").jqGrid({
                url: '<?php echo site_url("grillas/consultaProyectos"); ?>',
                datatype: 'json',
                mtype: 'POST',
                colNames:['No. Contrato','Nombre','Estado','No. Avalúos'],
                colModel :[
                    {name:'proyectoContrato',index:'proyectoContrato',width:180},
                    {name:'proyectoNombre',index:'proyectoNombre',width:130},
                    {name:'proyectoEstado',index:'proyectoEstado', width:130,align:"center"},
                    {name:'visitaAprobado',index:'visitaAprobado',sortable:false, width:100,align:"center"}
                ],
                postData: {
                    proyectoEstado: function(){return document.getElementById("proyectoEstado").value;}
                },
                autowidth:true,
                pager: jQuery('#divPagTopo'),
                rowNum:10,
                rowList:[10,20,30,50],
                sortname: 'proyectoNombre',
                sortorder: "asc",
                viewrecords: true,
                caption: 'Proyectos',
                height:160
            });
            //Barra de navegación
            jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:false,add:false,del:false,search:false,view:true});             
<?php $this->load->view("enReady"); ?>
    }); //fin $(document).ready(function(){
<?php $this->load->view("funcionesJs"); ?>
    </script>
    <body>        
        <?php $this->load->view("enBody"); ?>
        <div id="divTitulo">CONSULTAS - Proyectos por estado</div>
        <label for="proyectoEstado" >Estado del proyecto</label>
        <select id="proyectoEstado" name="proyectoEstado">
            <option value="">Todos</option>
            <option value="Ejecución">Ejecución</option>
            <option value="Terminado">Terminado</option>
            <option value="Vigente">Vigente</option>
        </select>
        <div id="divBotones">
            <button id="btnSubmit" onclick="$('#tbGrillaTopo').trigger('reloadGrid')" class="btnDeAccion" >Consultar</button>
        </div>
        <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
        <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>

    </body>
</html>